<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>后台管理</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/plugin/elementUI/elementUI.css">
	<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
</head>
<body class="childrenBody">
	<!--<form class="layui-form changePwd" @keup.enter="updatePassword">
		<div class="layui-form-item">
		    <label class="layui-form-label">用户名</label>
		    <div class="layui-input-block">
		    	<input type="text" v-bind:value="username" disabled class="layui-input layui-disabled">
		    </div>
		</div>
		<div class="layui-form-item">
		    <label class="layui-form-label">旧密码</label>
		    <div class="layui-input-block">
		    	<input type="password" value="" v-model="oldPassword" required lay-verify="required"  placeholder="请输入旧密码" lay-verify="required|oldPwd" class="layui-input pwd">
		    </div>
		</div>
		<div class="layui-form-item">
		    <label class="layui-form-label">新密码</label>
		    <div class="layui-input-block">
		    	<input type="password" value="" placeholder="请输入新密码" required lay-verify="required"  v-model="password" lay-verify="required|newPwd" id="oldPwd" class="layui-input pwd">
		    </div>
		</div>
		<div class="layui-form-item">
		    <label class="layui-form-label">确认密码</label>
		    <div class="layui-input-block">
		    	<input type="password" value="" placeholder="请确认密码" required lay-verify="required"  v-model="rePassword" lay-verify="required|confirmPwd" class="layui-input pwd">
		    </div>
		</div>
		<div class="layui-form-item">
		    <div class="layui-input-block">
		    	<button type="button" @click="updatePassword" class="layui-btn" lay-submit="" lay-filter="changePwd">立即修改</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
		    </div>
		</div>
	</form>-->

	<div class="changePwd">
		<el-form label-position="right" label-width="40%" ref="form" :model="form" :rules="rules">
			<el-row type="flex" justify="start">
				<el-col :span="10">
					<el-form-item label="用户名">
						<el-input v-model="username" :disabled="true"></el-input>
					</el-form-item>
					<el-form-item label="旧密码" prop="oldPassword">
						<el-input type="password" v-model="form.oldPassword"></el-input>
					</el-form-item>
					<el-form-item label="新密码" prop="password">
						<el-input type="password" v-model="form.password"></el-input>
					</el-form-item>
					<el-form-item label="确认密码" prop="rePassword">
						<el-input type="password" v-model="form.rePassword"></el-input>
					</el-form-item>
				</el-col>
			</el-row>
			<el-row type="flex" justify="start" :gutter="20">
				<el-col  :span="6" :offset="5">
					<el-form-item >
						<el-button type="primary" @click="updatePassword" v-loading.fullscreen.lock="loading">确认</el-button>
					</el-form-item>
				</el-col>
			</el-row>
		</el-form>
	</div>
	<script type="text/javascript" src="plugin/jQuery.js"></script>
	<script type="text/javascript" src="/plugin/vue.js"></script>
	<script type="text/javascript" src="/plugin/elementUI/elementUI.js"></script>
	<script type="text/javascript" src="js/changePwd.js"></script>
	<!--<script type="text/javascript" src="address.js"></script>
	<script type="text/javascript" src="user.js"></script>-->
</body>
</html>